<!DOCTYPE html>
<html>
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no,address=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="white">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>h5</title>
    <!-- 样式警告修复脚本 - 在React初始化前执行 -->
    <script>
        // 立即保存原始的控制台方法
        const originalWarn = console.warn;
        const originalError = console.error;

        // 辅助函数：检查参数中是否包含特定关键字
        function containsKeywords(args, keywords) {
            const allArgs = Array.from(args).join(' ').toLowerCase();
            return keywords.some(keyword => allArgs.includes(keyword));
        }

        // 替换为自定义的警告处理函数 - 使用更宽松的条件
        console.warn = function () {
            // 检查所有参数中是否包含 -webkitMask 相关关键词
            if (containsKeywords(arguments, ['unsupported style property', '-webkitmask'])) {
                // 完全忽略这个特定的警告
                return;
            }

            // 对于其他所有警告，使用原始的console.warn
            return originalWarn.apply(this, arguments);
        };

        // 同样拦截错误信息 - 使用更宽松的条件
        console.error = function () {
            if (containsKeywords(arguments, ['unsupported style property', '-webkitmask'])) {
                return;
            }

            return originalError.apply(this, arguments);
        };

        // 尝试拦截React内部的错误函数
        // 这是为了捕获可能绕过console的错误
        if (window.__REACT_WARNING_ORIGINAL__ === undefined) {
            window.__REACT_WARNING_ORIGINAL__ = console.warn;
        }

        // 确保这个脚本在所有其他脚本之前执行
    
    </script>
    <script></script>
</head>
<body>
    <div id="app"></div>
</body>
</html>